// 第一题
// 浮点运算可以使用bignumber.js库
// 1、该库没有任何依赖,切支持es3以上的语法
// 2、解决js浮点运算的精度问题


// https://github.com/MikeMcl/bignumber.js



// 第二题:
// 分析requestAnimationFrame方法的特定和使用
const box = document.querySelector('.box');
let move;
let timer = requestAnimationFrame(function fn() {
	move = parseInt(getComputedStyle(box).left);
	if (move < 800) {
		box.style.left = move + 8 + 'px';
		requestAnimationFrame(fn);
	} else {
		cancelAnimationFrame(timer);
	}
});

// 兼容性问题处理
window.requestAnimFrame = (function(){
    return  window.requestAnimationFrame       || 
            window.webkitRequestAnimationFrame || 
            window.mozRequestAnimationFrame    || 
            window.oRequestAnimationFrame      || 
            window.msRequestAnimationFrame     ||
            function( callback ){
              window.setTimeout(callback, 1000 / 60);
            };
  })();